Realizar en el siguiente HTML 5 declaraciones de estilo CSS que afecten al mismo elemento, el titular h1, con diferentes puntuaciones de prioridad, e indicar su puntuación como un comentario en el propio HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Herencia</title>
</head>
<body>
<div id="caja">
<header class="cabecera">
<h1>Cabecera: header</h1>
</header>
</div>
</body>
</html>
1- #caja h1{ // 0,1,0,1
color: white;
background: black;
}
2- #caja .cabecera h1{ // 0,1,1,1 MAS IMPORTANTE
color: red;
background: pink;
}
3- header > h1{ // 0,0,0,2
color: blue;
background: green;
}